<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>sy管理员后台登录</title>
    <link rel="stylesheet" href="../../static/Semantic-UI-master/dist/semantic.min.css" th:href="@{/Semantic-UI-master/dist/semantic.min.css}">
    <link rel="stylesheet" href="../../static/css/custom.css" th:href="@{/css/custom.css}">
</head>
<body class="login-background">
<!--头部导航-->
<nav class="ui attached segment m-padded-tb-mini">
    <div class="ui container">
        <div class="ui menu secondary font-size-middle font-y-center">

                <span class="ui teal header item">
                <img src="../../static/imges/1.png" th:src="@{/imges/admin.png}" class="image-size-gudingz"/>
                </span>
            <a class="item" th:href="@{/}" target="_blank"><i class="home icon"></i>前往客户端首页</a>
            <a class="item"  th:href="@{/sy/syuser/aboutwe}" target="_blank"><i class="info icon"></i>关于我们</a>



        </div>

    </div>
</nav>
<!--登录表单-->

<div class="ui container m-padded-tb-max"  style="max-width: 35em !important;">
    <div class="ui middle aligned center aligned grid">
        <div class="column">
            <h2 class="ui teal image header">
                <img src="../../static/imges/1.png" th:src="@{/imges/1.png}" class="image image-size-mini"/>
                <div class="content"><trans oldtip=" Log-in to your account " newtip="登录到您的帐户" style="">管理员后台</trans></div>
            </h2>
            <form class="ui large form" action="/sy/syadmin/adminlogin" method="post" id="loginfrom">
                <div class="ui stacked segment">
                    <div class="field">
                        <div class="ui left icon input">
                            <i class="user icon"></i>
                            <input type="text" name="username" placeholder="请输入用户名" id="username">
                        </div>
                    </div>
                    <div class="field">
                        <div class="ui left icon input">
                            <i class="lock icon"></i>
                            <input type="password" name="password" placeholder="请输入密码" id="password">
                        </div>
                    </div>
                    <button class="ui fluid large teal submit button">登录</button>
                </div>

                <div th:if="${session.adminmessage=='1'}">
                    <div class="ui message" id="message">
                        <strong style='color: indianred'>用户名或密码不能为空</strong>
                    </div>
                </div>
                <div th:if="${session.adminmessage=='2'}">
                    <div class="ui message" id="">
                        <strong style='color: indianred'>用户名或密码错误</strong>
                    </div>
                </div>

            </form>

            <div class="ui message">
                该后台系统仅管理员可以登录操作，请勿泄露账号密码......
            </div>
        </div>
    </div>
</div>

<!--footer-->
<footer class="ui vertical segment b-color m-padded-tb-big">
    <div class="ui container">
        <div class="ui grid">
            <div class="eight wide column">
                <a class="item">关于我们</a><br><br><br>
                <span class="ui teal header" style="display: inline;">
                        <img src="../../static/imges/1.png" th:src="@{/imges/1.png}"/></span>
                <span class="font-tmd">&nbsp;生命可以随心所欲，但不可以随波逐流。</span>
            </div>

            <div class="eight wide column font-tmd">
                计科172 梁瑜<br>
                2020/10/28
            </div>
        </div>
    </div>
</footer>
</body>
<script src="../../static/Semantic-UI-master/dist/semantic.min.js" th:src="@{/Semantic-UI-master/dist/semantic.min.js}"></script>
<script src="../../static/js/jquery-1.12.4.min.js" th:src="@{/js/jquery-1.12.4.min.js}"></script>
<script src="../../static/js/jquery-ui.min.js" th:src="@{/js/jquery-ui.min.js}"></script>
<script src="../../static/js/sy.min.js" th:src="@{/js/sy.min.js}"></script>

</html>